/**
 * @version      BOSSCMS-Free
 * @trademark    BOSSCMS
 * @copyright    Copyright © by BOSSCMS-Free (https://www.bosscms.net/) 保留所有权利
 * @license      https://gitee.com/Greenpeas/BOSSCMS/license/ 和 https://www.bosscms.net/freelicense/
 * @link         https://www.bosscms.net/
 * @author       温州软界网络技术有限公司
**/
html,body{width:100%; height:100%; line-height:1.58;
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box; 
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
.background-box{position:fixed; top:0; right:0; bottom:0; left:0; z-index:1; overflow:hidden;}
.background-box>img{display:block; width:100%; height:100%; object-fit:cover;}
.login-box{position:relative; z-index:9; margin:0 auto; width:388px; max-width:100%;}
.login-body{padding:28px; border-radius:5px; background:#fff;}.login-login bosscms{display:block;}
.login-logo a img{display:block; max-width:258px; margin:0 auto; }
.login-form{display:block;}
.login-form>span{display:block; text-align:center; padding-bottom:22px;}
.login-form h2{font-size:24px; font-weight:bold;}
.login-form p{margin-top:4px; color:#888;}
.login-form cite{font-style:normal; color:#686868; margin:0 0 6px 4px; display:block;}
.login-form code{margin-bottom:18px;}
.login-form code.input[captcha]>img{background:#f4f4f4;}
.login-form button{display:block; width:100%; padding:10px;}
.login-foot{margin-top:18px;}

.login-bg{position:fixed; top:50%; left:0; right:0; bottom:0; overflow:hidden; background:#1d2327;}
.login-bg:before{position:absolute; content:''; width:300%; height:800%; border-radius:50%; top:-88%; left:-5%; background:#f6f8fa; animation:change linear infinite 10s;}
.login-bg:after{position:absolute; content:''; width:300%; height:800%; border-radius:50%; top:-78%; left:-10%; background:#f6f8fa; animation:change linear infinite 5s 2s; opacity:0.1; transform:rotate(1deg);}
.login-bg1{position:fixed; top:0; left:0; right:0; bottom:50%; overflow:hidden; background:#f6f8fa;}
.login-bg1:before{position:absolute; content:''; width:300%; height:800%; border-radius:50%; bottom:-88%; right:-5%; background:#1d2327; animation:change linear infinite 10s;}
.login-bg1:after{position:absolute; content:''; width:300%; height:800%; border-radius:50%; bottom:-78%; right:-10%; background:#1d2327; animation:change linear infinite 5s 2s; opacity:0.1; transform:rotate(1deg);}
@keyframes change {
0% {transform:rotate(1deg);}
50% {transform:rotate(0deg);}
100% {transform:rotate(1deg);}
}
@media(min-width:1200px){
.login-logo{padding-bottom:12px; position:fixed; top:30px; left:30px;}
.login-logo a img{-webkit-filter:grayscale(1) brightness(8); filter:grayscale(1) brightness(8); /*-webkit-filter:hue-rotate(35deg) saturate(95%);; filter:hue-rotate(35deg) saturate(95%); */}
}
@media(max-width:767px){
.login-box{padding:0 8px;}
.login-body{padding:16px;}
}